buildModeSteps

Major

<div id="major-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('major-mode-steps1', 0, 'I', 'major','major');

<div id="major-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('major-mode-steps2', 0, 'I');

Natural minor

<div id="minor-natural-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('minor-natural-mode-steps1', 21, 'I', 'minor','phrygien');

<div id="minor-natural-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('minor-natural-mode-steps2', 21, 'I');

Harmonic minor

<div id="minor-harmonic-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('minor-harmonic-mode-steps1', 14, 'I', 'minor','harmonic');

<div id="minor-harmonic-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('minor-harmonic-mode-steps2', 14, 'I');

Melodic minor

<div id="minor-melodic-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('minor-melodic-mode-steps1', 7, 'I', 'minor','major');

<div id="minor-melodic-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('minor-melodic-mode-steps2', 7, 'I');

Dorian mode

<div id="dorian-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('dorian-mode-steps1', 1, 'I', 'minor','minor');

<div id="dorian-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('dorian-mode-steps2', 1, 'I');

Phrygian mode

<div id="phrygian-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('phrygian-mode-steps1', 2, 'I', 'minor','phrygian');

<div id="phrygian-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('phrygian-mode-steps2', 2, 'I');

Melodic minor

<div id="lydian-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('lydian-mode-steps1', 3, 'I', 'lydian','major');

<div id="lydian-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('lydian-mode-steps2', 3, 'I');

Mixolydian mode

<div id="mixolydian-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('mixolydian-mode-steps1', 4, 'I', 'major','minor');

<div id="mixolydian-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('mixolydian-mode-steps2', 4, 'I');

Locrian mode

<div id="locrian-mode-steps1"></div>
$INTERVALS_UI.buildModeSteps('locrian-mode-steps1', 6, 'I', 'locrian','lydian');

<div id="locrian-mode-steps2"></div>
$INTERVALS_UI.buildModeSteps('locrian-mode-steps2', 6, 'I');

buildChordComposition

<div id="chord1"></div>
$INTERVALS_UI.buildChordComposition('chord1', 'C');

<div id="chord2"></div>
$INTERVALS_UI.buildChordComposition('chord2', 'Cm');

<div id="chord3"></div>
$INTERVALS_UI.buildChordComposition('chord3', 'C°');

<div id="chord4"></div>
$INTERVALS_UI.buildChordComposition('chord4', 'C+');

<div id="chord5"></div>
$INTERVALS_UI.buildChordComposition('chord5', 'Csus4');

<div id="chord6"></div>
$INTERVALS_UI.buildChordComposition('chord6', 'Csus2');

<div id="chord7"></div>
$INTERVALS_UI.buildChordComposition('chord7', 'C7');

<div id="chord8"></div>
$INTERVALS_UI.buildChordComposition('chord8', 'C7sus4');

<div id="chord9"></div>
$INTERVALS_UI.buildChordComposition('chord9', 'C7b5');

<div id="chord10"></div>
$INTERVALS_UI.buildChordComposition('chord10', 'C7#5');

<div id="chord11"></div>
$INTERVALS_UI.buildChordComposition('chord11', 'CM7');

<div id="chord12"></div>
$INTERVALS_UI.buildChordComposition('chord12', 'CM7#5');

<div id="chord13"></div>
$INTERVALS_UI.buildChordComposition('chord13', 'Cm7');

<div id="chord14"></div>
$INTERVALS_UI.buildChordComposition('chord14', 'CmM7');

<div id="chord15"></div>
$INTERVALS_UI.buildChordComposition('chord15', 'C°7');

<div id="chord16"></div>
$INTERVALS_UI.buildChordComposition('chord16', 'CØ7');

<div id="chord17"></div>
$INTERVALS_UI.buildChordComposition('chord17', 'Cm6');

<div id="chord18"></div>
$INTERVALS_UI.buildChordComposition('chord18', 'C6');

<div id="chord19"></div>
$INTERVALS_UI.buildChordComposition('chord19', 'Cadd9');

<div id="chord20"></div>
$INTERVALS_UI.buildChordComposition('chord20', 'C9');

<div id="chord21"></div>
$INTERVALS_UI.buildChordComposition('chord21', 'C7b9');

<div id="chord22"></div>
$INTERVALS_UI.buildChordComposition('chord22', 'C7#9');

buildSimpleFifthCircle

<div id="circle1"></div>
$INTERVALS_UI.buildSimpleFifthCircle('circle1', 'C');

<div id="circle2"></div>
$INTERVALS_UI.buildSimpleFifthCircle('circle2', 'G');

<div id="circle3"></div>
$INTERVALS_UI.buildSimpleFifthCircle('circle3', 'F');

<div id="circle4" align="center"></div>
$INTERVALS_UI.buildSimpleFifthCircle('circle4', 'F#');

buildFifthCircle

<div id="circle5"></div>
$INTERVALS_UI.buildFifthCircle('circle5', 'Eb');

<div id="circle6"></div>
$INTERVALS_UI.buildFifthCircle('circle6', 'D');

<div id="circle7"></div>
$INTERVALS_UI.buildFifthCircle('circle7', 'C#');

<div id="circle8" align="center"></div>
$INTERVALS_UI.buildFifthCircle('circle8', 'Cb');

buildIntervalsFromTone

<div id="intervals1"></div>
$INTERVALS_UI.buildIntervalsFromTone('intervals1', 'C');

<div id="intervals2"></div>
$INTERVALS_UI.buildIntervalsFromTone('intervals2', 'G');

<div id="intervals3"></div>
$INTERVALS_UI.buildIntervalsFromTone('intervals3', 'F#');

<div id="intervals4"></div>
$INTERVALS_UI.buildIntervalsFromTone('intervals4', 'Eb');

buildTetracord

mode = 0, major tetracord

$INTERVALS_UI.buildTetracord('tetracord-0a', 0, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-0b', 0, 'C', false);

mode = 1 minor tetracord

$INTERVALS_UI.buildTetracord('tetracord-1a', 1, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-1b', 1, 'C', false);

mode = 18 harmonic tetracord

$INTERVALS_UI.buildTetracord('tetracord-18a', 18, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-18b', 18, 'C', false);

mode = 2 phrygian tetracord

$INTERVALS_UI.buildTetracord('tetracord-2a', 2, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-2b', 2, 'C', false);

mode = 3 lydian tetracord

$INTERVALS_UI.buildTetracord('tetracord-3a', 3, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-3b', 3, 'C', false);

mode = 20 diminished tetracord

$INTERVALS_UI.buildTetracord('tetracord-20a', 20, 'C', true);
$INTERVALS_UI.buildTetracord('tetracord-20b', 20, 'C', false);

buildPentacord

mode = 0 major pentacord

mode = 5 minor pentacord

mode = 18 harmonic pentacord

mode = 2 phrygian pentacord

mode = 3 lydian pentacord

mode = 19 hungarian pentacord

mode = 17 minor-lydian pentacord

mode = 9 augmented pentacord

mode = 6 locrian pentacord

mode = 20 minor-locrian pentacord